import React from "react";
import { Products } from "./ProductsRecommend.style";
import RotationChart from "../rotationChart/RotationChart";
import { connect } from "react-redux";
import RowSwiper from "../rowSwiper/RowSwiper";
// import { }
const ProductsRecommend = (props) => {
    // console.log(props);
    const { homedata } = props;
    // console.log(homedata, "????");
    const { swiperHenProducts_1 = {} } = homedata;
    // console.log(swiperHenProducts_1, "-------");
    return (
        <Products>
            <div className="middle"></div>
            <div className="products">
                <div className="top">
                    <div className="goodproducts">好物推荐</div>
                    <div className="rightmore">
                        <div className="font">查看更多</div>
                        <div className="box_border"></div>
                    </div>

                    {/* <div className="chosesize">选择商品规格</div> */}
                    <svg t="1642002654157" className="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3593" width="200" height="200"><path d="M305.587883 813.744345c-14.09502 12.824073-15.126512 34.658358-2.303462 48.752354 12.843516 14.09502 34.678824 15.126512 48.752354 2.302439l364.835266-332.676845c14.114462-12.844539 15.127536-34.659381 2.302439-48.753377-0.733711-0.815575-1.486864-1.588171-2.302439-2.302439l-0.078795-0.080841-0.13917-0.13917L352.037798 148.369166c-14.074553-12.824073-35.909861-11.791557-48.752354 2.302439-12.824073 14.09502-11.792581 35.930327 2.303462 48.753377l336.845795 307.168891L305.588907 813.743322 305.587883 813.744345 305.587883 813.744345z" p-id="3594"></path></svg>

                </div>

                <div className="rotating">
                    <RowSwiper id="swiperHenProducts_1" />
                </div>

            </div>

        </Products>
    )
}
const mapStateToPorps = (state) => {
    return {
        homedata: state.home.homedata
    }
}
const mapDispatchToProps = (dispatch) => {
    return {
        getMainDataDispatch() {
            dispatch(actionTypes.getHomeData())
        }
    }
}
export default connect(mapStateToPorps, {})(ProductsRecommend)
// export default ProductsRecommend;